<template>
  <div style="padding: 4px 4px;">
    <div class="custom-button" @click="handleImport">
      <span>从手机导入聊天记录</span>
    </div>
  </div>
</template>

<script setup>
import { useMessage } from "naive-ui";
const message = useMessage();

const handleImport = () => {
  message.info("请在手机上继续操作", {
    duration: 3e3
  });
}
</script>

<style scoped>
.custom-button span {
  margin-left: 8px;
}
</style>
